section{
    overflow: hidden;
    padding: 40px 0 8px  0;
    width: 1080px;
    margin: 0 auto; 
}
.left {
    width: 500px;
    height: 354px;
    background: no-repeat url(../images/login1.png);
    position: relative;
    left: 50px;
    *zoom: 1;
    float: left;
}
.right {
    float: right;
    color: #666;
    width: 400px;
    border: 1px solid #ececec;
    border-top: 2px solid #ff4965;
}
.logform{
    padding: 50px 35px;
}
.logform .area-title {
    font-size: 14px;
    color: #000;
    font-weight: 700;
    margin-bottom: 30px;
}
.logform .area-title .toregin{
    font-size: 12px;
    font-weight: 400;
    color: #666;
    float: right;
}
.area-title .toregin .reg{
    color: #ff4965;
}
.toregin .reg:hover{
    opacity: .8;
}
/* 用户名登录框 */
.inp_group,.ipt-tip{
    margin-top: 15px;
}
.group_label{
    display: block;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding-left: 30px;
    position: relative;
    *zoom: 1;
}
.ic {
    background-position: 0 0;
    left: 8px;
    top: 8px;
    border-right: 1px solid #e6e6e6;
    padding-right: 7px;
    position: absolute;
    background-image: url(../images/logincss.jpg);
    background-repeat: no-repeat;
    top: 8px;
    width: 14px;
    height: 14px;
    line-height: 30px;
    color: #fff;
    text-align: center;
}
.ipt-input {
    height: 30px;
    font-size: 12px;
    width: 278px;
    color: #666;
    line-height: 30px;
    border: 0;
    outline: 0;
    padding: 0 10px;
    background: 0 0;
    position: relative;
    *top: -1px;
    _top: -2px;
}
.lock{
    background-position: 0 -47px;
}
/* 滑锁块 */
.phoneyanzheng{
    margin-top:15px;
    position: relative;
    left:-13px;
}
.phoneyanzheng .yangzhengbox {
    overflow: hidden;
    display: inline-block;
    height: 40px;
    width: 330px;
    user-select: none;
    line-height: 40px;
    margin-left: 14px;
    text-align: center;
    background-color: rgb(233, 233, 233);
    font-size: 14px;
    color: rgb(104, 104, 104);
    position: relative;
}
.hideyangzhengbox{
    position:absolute;
    left:-285px;
    height: 40px;
    width: 285px;
    /* z-index: 200; */
    background-color: #7ac23c;
}

.yangzhengbox .yanzhengbtn {
    position: absolute;
    left: 0;
    height: 38px;
    background-color: #fff;
    text-align: center;
    line-height: 40px;
    color: rgb(192, 189, 189);
    width: 50px;
    border: 1px solid rgb(192, 189, 189);
    cursor: move;
}
.yangzhengbox .yanzhengbtn.succ{
    background: #fff url(../images/check.png)  no-repeat center;
    display: inline-block;
   background-size: 20px;
    font-size: 20px;
}
/* 自动登录 */
.ipt-tip{
    font-size: 12px;
}
.ipt-tip a {
    color: #ff4965;
    transition: color .3s;
    float: right;
    }
input[type=checkbox], input[type=radio] {
    vertical-align: middle;
    box-sizing: border-box;
    padding: 0;
}
/* 登录按钮 */
.loginbuttn:hover {
    background: #ff8094;
    color: #fff;
    cursor: pointer;
}
/* 滑块文本 */
#codetxt{
    position: absolute;
    left:86px;
    color: rgb(104, 104, 104);
    font-size: 12px;
    font-style: normal;
}
 .loginbuttn {
    margin-top: 20px;
    color: #fff;
    background: #ff4965;
    display: block;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
    letter-spacing: 6px;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}
.loginbuttn a{
    color:#fff;
}
.ways{
    margin-top: 15px;
}
.ways span.methood{
    float: left;  
    font-size: 13px; 
}
.ways .qq{
    background: url(../images/qqq.png) no-repeat;
    width: 25px;
    height: 24px;
    margin: 0 4px;
    display: inline-block;
    float: left;
}
.ways .weixin{
    background: url(../images/qqq.png) no-repeat;
    height: 24px;
    margin: 0 4px;
    display: inline-block;
    float: left;
    width: 26px;
    background-position: -119px 0;
}
/* 文本提示样式 */
.uname-error {
    display: block;
    width: auto;
    color: #fe4b49;
    font-size: 12px;
    background: url(../images/error.png)no-repeat left center #ffebeb;
    border: 1px solid #ffbdbe;
    padding: 4px 6px 5px 17px;
    /* margin-left: 15px; */
    white-space: nowrap;
    margin-top: 6px;
}
.uname-succe{
    color:#71b83d;
    display: block;
    width: auto;
    font-size: 12px;
    background: url(../images/right.png)no-repeat left center;
    padding: 4px 6px 5px 17px;
    white-space: nowrap;
    margin-top: 6px;
}
#butn{
    margin-top: 20px;
    color: #fff;
    background: #ff4965;
    display: block;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
    letter-spacing: 6px;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    border: none;
    cursor: pointer;
    width: 338px;
}